
    <!-- 项目管理 -->
    <template>
      <div class="page-box h100 display-flex czbj">
        <p class="title-label mb10">用户中心</p>
        <!-- sonRouter="yybureauFormationBJ" 为跳转新的页面编辑 -->
        <dxtable :dataJson="dataJson" :portUrl="portUrl" :formJson="formJson" :qx="qx" ref="databale" ></dxtable>
      </div>
    </template>
    <script lang='ts' setup>
    import dxtable from "../../components/util/dxtable.vue";
    import sort from "../../components/util/sort.vue";
    import { dxget, dxpost } from "../../util/index";
    import { NButton, NImage, NTag } from "naive-ui"
    import { h, ref, reactive } from "vue";
    const databale = ref();
    const initeer = () => {
      databale.value.initDataExpose();
    };
    let dataJson = [
        {
            "title": "唯一标识",
            "type": "input",
            "val": "",
            "icon": "dx-shurukuang",
            "span": 12,
            "key": "openid",
            "width": "",
            "search": false,
            "istable": true,
            "required": false
        },
        {
            "title": "头像",
            "icon": "dx-img",
            "span": 12,
            "key": "userIcon",
            render:(row)=>{
              return h(NImage,{src:row.userIcon,class:"dsfdsytyt"})
            }
        },
        {
            "title": "昵称",
            "type": "input",
            "val": "",
            "icon": "dx-shurukuang",
            "span": 12,
            "key": "nicheng",
            "width": "",
            "search": false,
            "istable": true,
            "required": false
        }
    ,
    {
      title: "添加时间",
      key: "addTime",
      width: 150,
    }];
    
    
    
    const qx = {
      DeletePermissionID: "xtgxuserListdel", //删除
      EditPermissionIdentifier: "xtgxuserListbj", // 编辑
      NewPermissionIdentifier: "xtgxuserListxz", // 新建
      ViewPermissionID: "xtgxuserListck", // 查看
    };
    const portUrl = "xtgx/userList";
    
    let formJson = reactive([
        {
            "title": "唯一标识",
            "type": "input",
            "val": "",
            "icon": "dx-shurukuang",
            "span": 12,
            "key": "openid",
            "width": "",
            "search": false,
            "istable": true,
            "required": false
        },
        {
            "title": "头像",
            "type": "img",
            "val": "",
            "icon": "dx-img",
            "span": 12,
            "key": "userIcon",
            "width": "",
            "search": false,
            "istable": true,
            "required": false
        },
        {
            "title": "昵称",
            "type": "input",
            "val": "",
            "icon": "dx-shurukuang",
            "span": 12,
            "key": "nicheng",
            "width": "",
            "search": false,
            "istable": true,
            "required": false
        }
    ]);
    const czFun = {
      fun: (row) => {
        return [
          h(
            NButton,
            {
              type: "info",
              quaternary: true,
              onClick: async (e) => {
    
              },
            },
            "复制代码"
          )
    
        ];
      },
    };
    
    
    // 获取字典内容
    // const xtgxxmfl = async () => {
    //   const { data }: any = await dxget("dxgjAdmin/getzd", { name: 'xtgxxmfl' })
    //   dataJson[2].options = [
    //     {
    //       label: "全部",
    //       value: ""
    //     },
    //     ...data
    //   ]
    //   formJson[2].options = data
    //   xmlxSelect.value = data
    //   console.log(data);
    // }
    // xtgxxmfl()
    
    
    </script>
    <style scoped></style>
        